<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="renderer" content="webkit" />
	<title>商品管理</title>
	<link href="../favicon.ico" rel="shortcut icon" />
	<link href="../css/bootstrap.min.css" rel="stylesheet" />
	<link href="../css/font-awesome.min.css" rel="stylesheet" />
	<link href="../css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet" />
	<link href="../css/plugins/datepicker/datepicker3.css" rel="stylesheet" />
	<link href="../css/plugins/iCheck/custom.css" rel="stylesheet" />
	<link href="../css/plugins/select2/select2.min.css" rel="stylesheet" />
	<link href="../css/plugins/toastr/toastr.min.css" rel="stylesheet" />
	<link href="../css/plugins/x-editable/bootstrap-editable.css" rel="stylesheet" />
	<link href="../css/animate.css" rel="stylesheet" />
	<link href="../css/style.css" rel="stylesheet" />
</head>
<body class="top-navigation">
	<div id="wrapper">
		<div id="page-wrapper" class="gray-bg dashbard-1">
			<div class="row border-bottom">
				<nav class="navbar navbar-static-top" data-role="navigation">
					<div class="navbar-header">
						<div class="minimalize-styl-2">
							<a class="btn btn-success" title="返回主页" href="../main.html"><i class="fa fa-lg fa-home"></i></a>
							<a class="back-link btn btn-success" title="后退"><i class="fa fa-lg fa-arrow-left"></i></a>
							<a class="reload-link btn btn-success" title="重新加载"><i class="fa fa-lg fa-repeat"></i></a>
<!-- ++++++++++++++++++++++++++++++++ -->
<ol id="guide" class="breadcrumb m-l">
	<li><a>配送中心管理</a></li>
	<li><a>业务开发</a></li>
	<li><strong>商品管理</strong></li>
</ol>
<!-- ################################ -->
						</div>
					</div>
					<div class="nav navbar-top-links navbar-right minimalize-styl-2">
						<span class="m-r-sm text-muted welcome-message btn btn-link">欢迎使用Feces物流管理系统</span>
					</div>
				</nav>
			</div>
			<div class="wrapper wrapper-content animated fadeInRight">
				<div class="row">
					<div class="col-lg-12">
						<div class="ibox panel float-e-margins">
							<div class="panel-heading">
								<div class="panel-title m-b-md">
<!-- ++++++++++++++++++++++++++++++++ -->
<span class="h4">商品管理</span>
<!-- ################################ -->
									<div class="ibox-tools">
<!-- ++++++++++++++++++++++++++++++++ -->
<a class="refresh-link btn btn-circle">
	<em class="fa fa-lg fa-refresh"></em>
</a>
<!-- ################################ -->
									</div>
								</div>
								<div class="panel-options">
									<ul class="nav nav-tabs">
										<li>
											<a data-toggle="tab" href="test_panel.html#new-panel">新建商品</a>
										</li>
										<li class="active">
											<a data-toggle="tab" href="test_panels.html#display-panel">商品概览</a>
										</li>
									</ul>
								</div>
							</div>
							<div class=" panel-body">
								<div class="tab-content">
									<div id="new-panel" class="tab-pane">
<!-- ++++++++++++++++++++++++++++++++ -->
<form id="new" class="form-horizontal" data-role="form">
	<div class="form-group">
		<label for="new-name" class="col-md-3 control-label">商品名称</label>
		<div class="col-md-6">
			<input id="new-name" name="name" class="form-control" type="text" placeholder="请输入商品名称" required />
		</div>
	</div>
	<div class="form-group">
		<label for="new-major" class="col-md-3 control-label">商品分类</label>
		<div class="col-md-3">
			<select id="new-major" name="major_id" class="form-control" data-placeholder="请选择一级分类">
				<option></option>
			</select>
		</div>
		<div class="col-md-3">
			<select id="new-minor" name="minor_id" class="form-control" data-placeholder="请选择二级分类" disabled>
				<option></option>
			</select>
		</div>
	</div>
	<div class="form-group">
		<label for="new-unit" class="col-md-3 control-label">计量单位</label>
		<div class="col-md-6">
			<input id="new-unit" name="unit" class="form-control" type="text" placeholder="请输入计量单位" required />
		</div>
	</div>
	<div class="form-group">
		<label for="new-price" class="col-md-3 control-label">原价</label>
		<div class="col-md-6">
			<input id="new-price" name="price" class="form-control" type="number" min="0" step="0.01" placeholder="请输入原价" required />
		</div>
	</div>
	<div class="form-group">
		<label for="new-discount" class="col-md-3 control-label">折扣</label>
		<div class="col-md-6">
			<input id="new-discount" name="discount" class="form-control" type="number" min="0.01" max="100" step="0.01" placeholder="请选择折扣" required />
		</div>
	</div>
	<div class="form-group">
		<label for="new-cost" class="col-md-3 control-label">成本价</label>
		<div class="col-md-6">
			<input id="new-cost" name="cost" class="form-control" type="number" min="0" step="0.01" placeholder="请输入成本价" required />
		</div>
	</div>
	<div class="form-group">
		<label for="new-type" class="col-md-3 control-label">型号</label>
		<div class="col-md-6">
			<input id="new-type" name="type" class="form-control" type="text" placeholder="请输入型号" />
		</div>
	</div>
	<div class="form-group">
		<label for="new-supplier" class="col-md-3 control-label">供应商</label>
		<div class="col-md-6">
			<select id="new-supplier" name="supplier_id" class="form-control" data-placeholder="请选择供应商" >
				<option></option>
			</select>
		</div>
	</div>
	<div class="form-group">
		<label for="new-productor" class="col-md-3 control-label">厂商</label>
		<div class="col-md-6">
			<input id="new-productor" name="productor" class="form-control" type="text" placeholder="请输入厂商" required />
		</div>
	</div>
	<div class="form-group">
		<label for="new-period" class="col-md-3 control-label">保质期限</label>
		<div class="col-md-6">
			<div class="input-group date">
				<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
				<input id="new-period" name="period" class="form-control" type="text" placeholder="请选择保质期限" required />
			</div>
		</div>
	</div>
	<div class="form-group">
		<div class="col-md-3 col-md-offset-3">
			<div class="checkbox-inline i-checks">
				<label for="new-returnable">
					<input id="new-returnable" name="returnable" type="checkbox" value="true"/>
					可退货
				</label>
			</div>
			<div class="checkbox-inline i-checks">
				<label for="new-changable">
					<input id="new-changable" name="changable" type="checkbox" value="true"/>
					可换货
				</label>
			</div>
		</div>
	</div>
	<div class="form-group">
		<label for="new-remark" class="col-md-3 control-label">备注</label>
		<div class="col-md-6">
			<textarea id="new-remark" rows="4" name="remark" class="form-control" placeholder="请输入备注"></textarea>
		</div>
	</div>
	<div class="form-group">
		<div class="col-md-2 col-md-offset-3">
			<button class="btn btn-circle btn-primary" title="新建" type="submit"><em class="fa fa-check"></em></button>
			<button class="btn btn-circle btn-danger" title="重置" type="reset"><em class="fa fa-repeat"></em></button>
		</div>
	</div>
</form>
<!-- ################################ -->
									</div>
									<div id="display-panel" class="tab-pane active">
<!-- ++++++++++++++++++++++++++++++++ -->
<table class="table table-striped table-bordered table-hover" id="display">
	<thead><tr><th>代码</th><th>商品名</th><th>分类</th><th>计量单位</th><th>原价</th><th>型号</th><th>供应商</th><th>其他</th></tr></thead>
	<tbody></tbody>
	<tfoot><tr><th>代码</th><th>商品名</th><th>分类</th><th>计量单位</th><th>原价</th><th>型号</th><th>供应商</th><th>其他</th></tr></tfoot>
</table>
<!-- ################################ -->
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="../js/jquery-2.1.1.min.js"></script>
	<script src="../js/bootstrap.min.js"></script>
	<script src="../js/plugins/datepicker/bootstrap-datepicker.js"></script>
	<script src="../js/plugins/dataTables/jquery.dataTables.js"></script>
	<script src="../js/plugins/dataTables/dataTables.bootstrap.js"></script>
	<script src="../js/plugins/iCheck/icheck.min.js"></script>
	<script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="../js/plugins/select2/select2.full.min.js"></script>
	<script src="../js/plugins/select2/i18n/zh-CN.js"></script>
	<script src="../js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="../js/plugins/x-editable/bootstrap-editable.min.js"></script>
	<script src="../js/plugins/x-editable/product_type.js"></script>
	<script src="../js/plugins/toastr/toastr.min.js"></script>
	<script src="../js/feces.js"></script>
	<script src="../js/plugins/pace/pace.min.js"></script>
	<script src="../js/iframe/products.js"></script>
</body>
</html>